<template>
  <div class="log-content">
    <template v-if="data.length > 0">
      <p v-for="(item, i) in data" :key="i" v-html="item"></p>
    </template>
    <template v-else>
      <div style="text-align: center">无数据</div>
    </template>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  data: any[]
}>()
</script>

<style scoped lang="scss">
.log-content {
  min-height: 200px;
  max-height: 500px;
  overflow-y: scroll;

  p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #8691a3;
  }
}
</style>
